<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <title>Seu Portal de Receitas - cadastro de receitas</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="js/jquery-1.11.1.min.js" type="text/javascript"></script>
        <script type="text/javascript" src="js/validation.js" charset="utf-8"></script>
        <script type="text/javascript" src="js/jquery-ui-1.11.1.custom/jquery-ui.js" charset="utf-8"></script>
        <script type="text/javascript" src="js/jquery.maskedinput.min.js" charset="utf-8"></script>
        <link rel="stylesheet" href="template.css">
        <link rel="stylesheet" href="js/jquery-ui-1.11.1.custom/jquery-ui.css">
        <script src="js/js-webshim/minified/polyfiller.js" type="text/javascript"></script>
        <script type="text/javascript">
             $(document).ready(function() {
                 $.webshim.polyfill("forms forms-ext");
            });
        </script>
    </head>
    <body>
        <div class="center">
            <header>
                <img src="imagens/chefLogo.png"  title="Bem Vindo!" alt="logo do site"/>
                <h1><a href="">Receitas do Cheff</a></h1>
                <div class="header-search">
                    <form id="search" name="search" action="#" method="post">
                        <input type="text" placeholder="Pesquisar no site" id="main-search">
                        <input id="busca" type="submit" value="">
                    </form>
                </div>
            </header>        

            <nav> <!--menu-->
                <ul>
                    <li><a href="index.html">Home</a> <span class="vet_bar">|</span></li>
                    <li>Categorias |
                        <ul>
                            <li><a href="categorias/Bolos/index_categoria.html">Bolos</a></li>
                            <li><a href="categorias/Tortas/index_categoria.html">Tortas</a></li>
                            <li><a href="categorias/Massas/index_categoria.html">Massas</a></li>
                            <li><a href="categorias/Paes/index_categoria.html">Pães</a></li>
                        </ul>
                    </li>
                    <li><a href="entrar.html">Login</a> |</li>
                    <li><a href="cadastro_receita.html">Sugerir Receita!</a></li>                    
                </ul>
            </nav>

            <section class="recipes"> <!--Conteudo Principal-->
                <form id="cad-user" name="cad-receita" method="get" action="#" onsubmit="return valid_cad_receita(this)">
                    <fieldset>
                        <legend>Informações Sobre a receita</legend>
                        <div class="title">Cadastro de Receita</div>
                        <label for="name">Nome do Autor:</label>
                        <input type='text' id ="autor" name="autor" required>
                        <label for="name">Nome da Receita:</label>
                        <input type='text' id ="name" name="name" required>
                        <label for="categoria">Categoria:</label>
                        <select id="categoria" name="categoria">
                            <option value="salgados" >Salgados</option>
                            <option value="doces">Doces</option>
                            <option value="bebida">Bebida</option>
                        </select>
                        <label for="porcoes">Porções:</label>
                        <input id="porcoes" name="porcoes" type="number" min="0" max="9999" step="1"  required>
                        <label for="val_nutri">Valor nutricional:</label>
                        <input id="val_nutri" name="val_nutri" type="number" min="0" max="9999" step="1"  required>
                    </fieldset>

                    <fieldset>
                        <legend>Ingredientes</legend>
                        <input type='hidden' value="0" id='num_rec'>
                        <label for="ingredientes" >Ingredientes:</label>
                        <div id="ingrediente">

                        </div>
                        <input type='button' id='add-rec' value="Adiconar ingrediente" onclick='add_receita()'>
                    </fieldset>

                    <fieldset>
                        <legend>Inserção de Imagens</legend>
                        <label for="num_img" >Upload de Imagem</label>
                        <input type='hidden' value="0" id='num_img'>
                        <div id='imagens'>

                        </div>
                        <input type='button' id='add-img' value="Adiconar Imagem" onclick='add_imagens()'>
                    </fieldset>

                    <fieldset>
                        <legend>Informações sobre o preparo</legend>
                        <label for="clue">Instruções de Preparo</label>
                        <textarea id="clue" name="clue" rows="4" cols="50" maxlength="800" ></textarea>
                        <label for="val-nutri">Tempo de preparo (Minutos) </label>
                        <input id="time" name="time" type="number" min="0" max="9999" step="0.5"  required>

                        <label for="name">Método de cozimento</label>
                        <select id="metod_coz" name="metod_coz">
                            <option value="cozido">Cozido</option>
                            <option value="frito">Frito</option>
                            <option value="assado">Assado</option>
                        </select>
                    </fieldset>
                    <fieldset>
                        <legend>Informações externas</legend>
                        <label for="name">Status</label>
                        <select id="status" name="status">
                            <option value="no">Indisponível</option>
                            <option value="yes">Disponivel</option>
                        </select>

                        <label for="avg">Média de notas</label>
                        <select id="avg" name="avg">
                            <option value="1">1</option>
                            <option value="2">2</option>
                            <option value="3">3</option>
                            <option value="4">4</option>
                            <option value="5">5</option>
                        </select>
                    </fieldset>


                    <input type="submit" value="Enviar"><br/>
                    <a href="javascript:history.back(1);">Voltar</a> 

                </form>
            </section>

            <aside>
                <h3>Top 3 por Categoria</h3> <!--Listagem com os mais bem avaliados-->
                <ol>
                    <li>Bolos
                        <ul>
                            <li><a href="">Bolo1, Nota: 10</a></li>
                            <li><a href="">Bolo2, Nota: 9,7</a></li>
                            <li><a href="">Bolo3, Nota: 8,2</a></li>
                        </ul>
                    </li>
                    <li>Tortas
                        <ul>
                            <li>Torta1</li>
                            <li>Torta2</li>
                            <li>Torta3</li>                            
                        </ul>
                    </li>
                    <li>Massas
                        <ul>
                            <li>Massa1</li>
                            <li>Massa2</li>
                            <li>Massa3</li>

                        </ul>
                    </li>

                </ol>
            </aside>


        </div>

        <footer class="clear">
            <p>Receitas do Cheff</p>
            <p>Desenvolvido por:</p>
            <ul class="member">
                <li>Afonso Expedito da Silva, 7572791</li>
                <li>Cleiton Duarte Pereira, 7572804</li>
            </ul>

        </footer>

    </body>
</html>
